<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>黑龙汽车道路救援中心救援管理系统</title>
    <link rel="shortcut icon" href="${pageContext.request.contextPath}/images/logo.ico">

    <link href="${pageContext.request.contextPath}/script/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <%-- <link href="${pageContext.request.contextPath}/css/style.css" rel="stylesheet"> --%>
    <link href="${pageContext.request.contextPath}/css/login.css" rel="stylesheet">
</head>
<body class="login" style="background-image: url(${pageContext.request.contextPath}/images/login-bg2.jpg);">
    <div class="login-panel">
        <div class="row">
            <div class="col-sm-12">
                <h2><img src="${pageContext.request.contextPath}/images/login-logo.png"></h2>
                <form method="post" action="login?method=login">
                    <div class="form-group has-feedback">
                        <input type="text" id="username" name="username" class="form-control input-lg" placeholder="请输入您的账号"
                               required autocomplete="off">
                        <span class="glyphicon glyphicon-user form-control-feedback"></span>
                    </div>
                    <div class="form-group has-feedback">
                        <input type="password" id="password" name="password" class="form-control input-lg" placeholder="请输入您的密码"
                               required autocomplete="off">
                        <span class="glyphicon glyphicon-lock form-control-feedback"></span>
                    </div>
                    <div class="form-group">
						<div class="input-group">  
                           <input type="text" id="verifyCode" name="verifyCode"class="form-control input-lg"  placeholder="请输入验证码" 
                           		required autocomplete="off">  
                      		<span class="input-group-addon"> 
                      			<img src="${pageContext.request.contextPath}/verify_code" id="verifyCodeImage" style="cursor:pointer" title="换一个">  
                          	</span>  
                  		</div>
                    </div>
                    <div class="checkbox">
					    <label style="color:#fff;"><input type="checkbox" name="autoLogin">自动登录</label>
					</div>
                    <button class="btn btn-primary btn-block btn-lg" type="submit">登录</button>
                </form>
            </div>
        </div>
    </div>

    <!-- 全局js -->
    <script src="${pageContext.request.contextPath}/script/jquery.min.js"></script>
    <script src="${pageContext.request.contextPath}/script/bootstrap/js/bootstrap.min.js"></script>
	
	<!--浮层-->
	<script src="${pageContext.request.contextPath}/script/layer/layer.min.js"></script>
    
    <script>
    	//显示错误信息
    	var error = '${error}';
	    if(error){
	    	layer.alert('${error}');
	    }
	    
	    //换验证码
	    $('#verifyCodeImage').click(function(){
	    	this.src = '${pageContext.request.contextPath}/verify_code?' + new Date();
	    });
    </script>
</body>
</html>